<!DOCTYPE html>
<html  xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" th:href="@{/css/base.css}" href="../css/base.css">
    <link rel="stylesheet" th:href="@{/node_modules/bootstrap/dist/css/bootstrap.css}" href="../jnode_modules/bootstrap/dist/css/bootstrap.css">
    <script th:src="@{/node_modules/jquery/dist/jquery.min.js}" src="../node_modules/jquery/dist/jquery.min.js"></script>
    <script th:src="@{/node_modules/bootstrap/dist/js/bootstrap.js}" src="../node_modules/bootstrap/dist/js/bootstrap.js"></script>
    <title>点餐APP后台管理系统</title>
    <style>
        html,
        body {
            height: 100%;
            width: 100%;
            margin: 0;
            padding: 0;
        }
        
        iframe {
            margin: 0;
            width: 100%;
            height: 100%;
            border: 0;
        }
    </style>
</head>

<body>
    <main class="container-fluid" style="height: 100%">
        <nav class="row navbar navbar-expand-lg navbar-light bg-light">
            <a class="navbar-brand" href="#">
                <span style="font-size:2rem">点餐APP后台管理系统</span>
            </a>
        </nav>
        <section class="row" style="height: 95%">
            <aside class="col-md-2">
                <div class="list-group">
                    <a href="#" class="list-group-item list-group-item-action active">用户权限管理模块</a>
                    <div class="list-group">
                        <a href="userManager.html" target="mainPage" class="list-group-item list-group-item-action">用户信息管理</a>
                        <!--
                        <a href="#" class="list-group-item list-group-item-action">角色信息管理</a>
                        <a href="#" class="list-group-item list-group-item-action">权限信息管理</a>
                        -->
                    </div>
                    <a href="#" class="list-group-item list-group-item-action active">餐饮管理模块</a>
                    <div class="list-group">
                        <a href="/api/v1/type/list/1" target="mainPage" class="list-group-item list-group-item-action">菜品类型管理</a>
                        <a href="/api/v1/product/list/1"  target="mainPage" class="list-group-item list-group-item-action">菜品管理</a>
                    </div>
                    <a href="#" class="list-group-item list-group-item-action active">订单管理模块</a>
                    <div class="list-group">
                        <a href="#" class="list-group-item list-group-item-action">订单管理</a>
                    </div>
                    <!--
                    <a href="#" class="list-group-item list-group-item-action active">邮件模块</a>
                    <div class="list-group">
                        <a href="#" class="list-group-item list-group-item-action">写邮件</a>
                        <a href="#" class="list-group-item list-group-item-action">收邮件</a>
                    </div>
                    <a href="#" class="list-group-item list-group-item-action active">流程管理模块</a>
                    <a href="#" class="list-group-item list-group-item-action active">信息发布管理模块</a> 
                    -->
                </div>
            </aside>
            <article class="col-md-10" style="padding:0">
                <iframe name="mainPage" src="/api/v1/main/init"></iframe>
            </article>
        </section>
    </main>
</body>

</html>